<!DOCTYPE html>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix='c' uri='http://java.sun.com/jstl/core_rt' %>

<spring:eval var="dewResources" expression="@appProperties.getProperty('dew.static.resources.url')"/>
<spring:eval var="dewUrl" expression="@appProperties.getProperty('dew.url')"/>

<html>
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <title>DEW</title>

        <link rel="stylesheet" href="${dewResources}/css/bootstrap.min.css"></link>
        <link rel="stylesheet" href="${dewResources}/css/login.css"></link>
    </head>
    <body>
        <br/><br/><br/>
        <div class="wrapper">
            <div class="templateBody">
                <div class="templateContent" style="width: 500px;">
                    <div id="login-form">
                        <h1 style="font-size: 40px;text-align: center;letter-spacing: 0px;">Ingreso al sistema</h1><br>
                        <div id="error-alert" class="alert alert-danger" style="display:none;">Un Error OH POR DIOS!</div>
                        <div id="success-alert" class="alert alert-success" style="display:none;"></div>
                        <div id="login-form">
                            <div class="form-group">
                              <label for="emailInput">Tu correo electrónico<span style="color:red">*</span>:</label>
                              <input type="text" class="form-control" id="emailInput" placeholder="Ingresa tu correo electrónico">
                            </div>
                            <div class="form-group">
                              <label for="passwordInput">Tu contraseña<span style="color:red">*</span>:</label>
                              <input type="password" class="form-control" id="passwordInput" placeholder="Ingresa tu contraseña">
                            </div>
                            <a id="sendForm" href="#" class="btn btn-large btn-block btn-primary">Ingresar al sistema</a><br/>
                            <div id ="sendFormProgress" class="progress progress-striped active" style="display:none;">
                              <div class="progress-bar"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                              </div>
                            </div>
                            <a id="forgotPassword" href="#" style="width: 150px;margin:0px auto;display:block">¡Olvide mi contraseña!</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="${dewResources}/js/libraries/bootstrap.min.js"></script>
        <script type="text/javascript">
            DEW = {};
            DEW.staticURL = '${dewResources}';
            DEW.appURL = '${dewUrl}';

        </script>
        <script src="${dewResources}/js/login.js"></script>
    </body>
</html>